<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorate="~{layout.html}">
<head>
    <title>Taco Cloud</title>
</head>

<body>
<section layout:fragment="main" class="content">
    <h1>Your orders</h1>

    <ul>
        <li th:each="order : ${orders}">
            <span th:text="${order.placedAt}">DATE</span> -
            <span th:text="${order.deliveryName}">NAME</span>
            <ul>
                <li th:each="taco : ${order.tacos}">
                    <span th:text="${taco.name}"></span> :
                    <span th:each="ingredient : ${taco.ingredients}">
                <span th:text="${ingredient.name}">INGREDIENT</span>,
              </span>
                </li>
            </ul>
        </li>
    </ul>
</section>
</body>

</html>